<script language="javascript" type="text/javascript" src="p_agenda/valida_form.js"></script>
<div class="form bg-warning">
	<div class="row">
		<div class="col-md-12">
			<div class="page-header">
				<h2>Agendar Evento</h2>
			</div>
		</div>
	</div>
	<div class="row">
	<div class="col-md-3">
			<div class="actions">
				<div class="panel panel-default">
					<div class="panel-heading"><h5>Opções</h5></div>
						<div class="panel-body">
							<ul class="nav nav-pills nav-stacked">
								<li><a href="index.php?p=eventos">Listar Eventos</a></li>
								
							</ul>
						</div>
					</div>
				</div>			
		</div><!-- end col md 3 -->
		<div class="col-md-9">
		<!-- HEAD DE FORMULÃ�RIO -->
		<div class="panel panel-default">
			<div class="panel-heading"><h5>Formulário de Cadastro de Eventos</h5></div>
			<div class="panel-body">
			<!-- FORMULÃ�RIO -->
			<form  method="post" name="form1" action="p_agenda/salvar.php" enctype="multipart/form-data">
				<div class="row">
					<div class="col-md-12 form-group"><h6>(<span class="text-danger">*</span>) Campos de preenchimento obrigatório.</h6></div>
				</div>
				<div class="row">
					<div class="form-group col-md-9">
						<label for="evento">Evento (<span class="text-danger">*</span>)</label>
    					<input type="text" class="form-control" name="evento" id="evento" placeholder="nome do evento..">
					</div>
				</div>
				
				<div class="row">	
					<div class="form-group col-md-7">
							<label for="username">Autor do Cadastro (<span class="text-danger">*</span>)</label>
	    					<select name="username" id="username" class="form-control">
			          			<option value='selecione'>Selecione...</option>
			          			<?php
										$query = mysql_query("SELECT id, username, membro_id FROM usuarios");
										while($lista = mysql_fetch_array($query)) { ?> 
										<option value="<?php echo $lista['id']; ?>"><?php echo $lista['username']; ?></option>
									<?php }?>
			          		</select>
					</div>
				</div>
				
				<div class="row">
					<div class="form-group col-md-2">
						<label for="dia">Data: Dia (<span class="text-danger">*</span>)</label>
    					<select name="dia" id="dia" class="form-control">
    						<option value='selecione'>Selecione...</option>
		          			<option>1</option>
					        <option>2</option>			
					        <option>3</option>					
					        <option>4</option>					
					        <option>5</option>					
					        <option>6</option>					
					        <option>7</option>					
					        <option>8</option>				
					        <option>9</option>					
					        <option>10</option>					
					        <option>11</option>					
					        <option>12</option>				
					        <option>13</option>					
					        <option>14</option>					
					        <option>15</option>					
					        <option>16</option>					
					        <option>17</option>					
					        <option>18</option>					
					        <option>19</option>					
					        <option>20</option>				
					        <option>21</option>					
					        <option>22</option>					
					        <option>23</option>					
					        <option>24</option>					
					        <option>25</option>					
					        <option>26</option>					
					        <option>27</option>					
					        <option>28</option>					
					        <option>29</option>					
					        <option>30</option>					
					        <option>31</option>
		          		</select>
					</div>
					<div class="form-group col-md-2">
						<label for="mes">Mês (<span class="text-danger">*</span>)</label>
    					<select name="mes" id="mes" class="form-control">
    						<option value='selecione'>Selecione...</option>
		          			<option>1</option>
					        <option>2</option>					
					        <option>3</option>					
					        <option>4</option>					
					        <option>5</option>					
					        <option>6</option>					
					        <option>7</option>					
					        <option>8</option>					
					        <option>9</option>					
					        <option>10</option>					
					        <option>11</option>					
					        <option>12</option>
		          		</select>
					</div>
					<div class="form-group col-md-2">
						<label for="ano">Ano (<span class="text-danger">*</span>)</label>
    					<select name="ano" id="ano" class="form-control">
    						<option value='selecione'>Selecione...</option>
		          			<option>2014</option>
					        <option>2015</option>				
					        <option>2016</option>					
					        <option>2017</option>					
					        <option>2018</option> 
		          		</select>
					</div>
				</div>
				
				<div class="row">	
					<div class="form-group col-md-4">
						<label for="hora" title="Descricao da Igreja">Horário do Evento (<span class="text-danger">*</span>)</label>
    					<input type="text" class="form-control" id="hora" name="hora" placeholder="HH:MM" maxlength="11">
					</div>
				</div>
				
				<div class="row">	
					<div class="form-group col-md-8">
						<label for="local" title="Descricao da Igreja">Local (<span class="text-danger">*</span>)</label>
    					<input type="text" class="form-control" id="local" name="local" placeholder="local do evento.." >
					</div>
				</div>
				
				<div class="row">	
					<div class="form-group col-md-8">
						<label for="descricao" title="Descricao da Igreja">Descrição (<span class="text-danger">*</span>)</label>
    					<input type="text" class="form-control" id="descricao" name="descricao" placeholder="descricao.." >
					</div>
				</div>				
				
				<br>
				<div class="row">
					<div class="form-group col-md-2">
						<input type="submit" value="Salvar" class="btn btn-default" name="enviar" onclick="return valida()" >
					</div>
				</div>
			</form>
			</div>
		</div>

		</div><!-- end col md 12 -->
	</div><!-- end row -->
</div>
			